//首页banner
let mySwiper1 = new Swiper('.banner .swiper-container', {
    autoplay: {
        delay: 8000,
    },
    pagination: {
        el: '.banner .swiper-pagination', //分页器类名
        type: 'bullets', //分页器类型
    },
    navigation: {
        nextEl: '.banner .swiper-button-next',
        prevEl: '.banner .swiper-button-prev',
        hideOnClick: true,
    },
})

//pc端顶部
if($(".pc_top").length>0){
    $(window).scroll(function(){
        if($(window).scrollTop() > 140){
            if($('.pc_top > nav').hasClass('active')){
                return false;
            }else{
                $('.pc_top > nav').addClass('active');
            }
        }else{
            if($('.pc_top > nav').hasClass('active')){
                $('.pc_top > nav').removeClass('active');
            }else{
                return false;
            }
        }
    });
}
let J_mmenu_li = $(".J_mnavview ul li").length-1;
for(let mmenu_i=0;mmenu_i<=J_mmenu_li;mmenu_i++){
    if($(".J_mnavview ul li").eq(mmenu_i).find("dl dd").length==0){
        $(".pc_top > nav ul li").eq(mmenu_i).addClass("no_dl");
    }
}

//移动端打开导航栏
$(".J_mmenu").click(function() {
    $(".J_mmenu>span").toggleClass("active");
    $(".J_mnavview").slideToggle(600);
    $("header.move_top").toggleClass("active");
})

//打开/关闭 移动端导航栏内栏
$(".J_mnavview ul li").click(function() {
    var myfocus = $(".J_mnavview ul li").index(this);
    $(".J_mnavview ul li").eq(myfocus).find("dl").slideToggle(600);
    $(".J_mnavview ul li").eq(myfocus).find("i").toggleClass("active");
});

//首页产品
var mySwiper2 = new Swiper('.index_product .swiper-container', {
    slidesPerGroup:3,
    spaceBetween : "1.38%",
    slidesPerView: "auto",
    observeParents:true,
    observe:true,
    pagination: {
        el: '.index_product .swiper-pagination', //分页器类名
        type: 'bullets', //分页器类型
        clickable :true,
    },
    navigation: {
        nextEl: '.index_product .swiper-button-next',
        prevEl: '.index_product .swiper-button-prev', 
        hideOnClick: true, 
    },
    breakpoints: {
        1200: { //宽度为520px的时候更改swiper属性
            slidesPerView: 3,
            spaceBetween : "1.5%",
        },
        850:{
            slidesPerView: 2,
            slidesPerGroup:2,
            spaceBetween : "2%",
        },
        520:{
            slidesPerView: 1,
            slidesPerGroup:1,
            spaceBetween : 0,
        }
    }
})

$(window).resize(function(){
    if($(window).width()<=1200){
        $(".index_product .swiper-wrapper").removeClass("tem-class");
    }else{
        $(".index_product .swiper-wrapper").addClass("tem-class");
        mySwiper2.slidesPerView="auto";
        spaceBetween ="1.38%";
        mySwiper2.init();
    }
})
if($(window).width()<=1200){
    if($(window).width()<=1200){
        $(".index_product .swiper-wrapper").removeClass("tem-class");
    }else{
        $(".index_product .swiper-wrapper").addClass("tem-class");
        mySwiper2.slidesPerView="auto";
        spaceBetween ="1.38%";
        mySwiper2.init();
    }
}

//打开/关闭 移动端导航栏
$("section.sec_nav > div > h3").click(function() {
    $("section.sec_nav > div > ul").slideToggle(600);
    $(this).toggleClass("active");
});

//返回顶部
$(".gotop").click(function(){
    $('html,body').animate({
        scrollTop: 0
    }, 600);
    if(window.scrollY!=0){
        $("header.move_nav").css({"backgroundColor":"#333"});
    }else{
        $("header.move_nav").css({"backgroundColor":"transparent"});
    }
})

//打开/关闭在线留言
$(".message").click(function(){
    $(".ly").addClass("active");
})
$(".ly i").click(function(){
    $(".ly").removeClass("active");
})

//在线留言获取选址
// sessionStorage.map = '';
// if (sessionStorage.map === '') {
//     var geolocation = new BMap.Geolocation();
//     geolocation.getCurrentPosition(function(r) {
//         if (this.getStatus() == BMAP_STATUS_SUCCESS) {
//             var mk = new BMap.Marker(r.point);
//             var myGeo = new BMap.Geocoder();

//             myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat),
//                 function(rs) {
//                     sessionStorage.map = rs.addressComponents.province + ',' + rs.addressComponents.city + ',' + rs.addressComponents.district;
//                     sessionStorageMap = sessionStorage.map.split(',')
//                     var sss = new MapMain("#map", sessionStorageMap);
//                 });
//         } else {
//             alert('failed' + this.getStatus());
//         }
//     });
// } else {
//     sessionStorageMap = sessionStorage.map.split(',')
//     var sss = new MapMain("#map", sessionStorageMap);
// }

//打开/关闭移动端显示二维码
$(".off_wx").click(function(){
    $(".move_wx").addClass("active");
})
$(".move_wx i").click(function(){
    $(".move_wx").removeClass("active");
})

//产品专区导航栏
$("section.inside nav .top ul.right li > a").click(function() {     //pc
    $("section.inside nav > ul").slideToggle(600);
});
$("section.inside nav > ul.con li h5").click(function() {           //移动
    let navfocus=$("section.inside nav > ul.con li h5").index(this);
    $("section.inside nav > ul.con li dl").eq(navfocus).slideToggle(600);
    $("section.inside nav > ul.con li h5").eq(navfocus).toggleClass("active");
});

//产品详情切换效果图
$(".pro_type li").click(function(){
    let pro_focus=$(".pro_type li").index(this);
    let pro_alt=$(".pro_type li").eq(pro_focus).find("img").attr("alt");
    let pro_bigpic=$(".pro_type li").eq(pro_focus).find("img").attr("data-bigpic");
    let pro_title=$(".pro_type li").eq(pro_focus).find("img").attr("title");
    $(".pro_view .pro_con").attr({
        "src":pro_alt,
        "data-large":pro_bigpic,
    })
    $(".pro_title").text(pro_title);
})

//ios部分hover失效
document.body.addEventListener('touchstart',function(){});

//空间应用轮番
var mySwiper3 = new Swiper('.space .swiper-container', {
    navigation: {
        nextEl: '.space .swiper-button-next',
        prevEl: '.space .swiper-button-prev',
        hideOnClick: true,
    },
})


//案例图片放大
if ($(".pc_case .baguetteBox").length > 0) {
    baguetteBox.run(".pc_case .baguetteBox", {
        animation: "fadeIn",
    });
}

//表单验证
function FormTest(formClass,formBtn){
    this.formClass = formClass;  //表单类名
    this.formBtn = formBtn;   //提交按钮
    this.closeTime = 2000;  //报错关闭时间
    this.inputnull = "不能为空!"; //表单为空报错
    this.teltype = "请输入正确的号码!";  //电话号码格式报错
    this.emailtype = "请输入正确的邮箱!";//邮箱格式报错
    this.radionull = "单选不能为空!";    //单选格式报错
    // this.code = "验证码错误!";    //表单内容
    this.mustWrite();
}
FormTest.prototype = {
    mustWrite : function () {       //验证
        this.allError = '';          //报错内容
        for(f1=0;f1<=$(this.formClass).find('*').length;f1++){  //循环表单下的所有标签
            if($(this.formClass).find('*').eq(f1).attr("data_must")=="true"){   //判断是否为必填
                if($(this.formClass).find('*').eq(f1).val().trim() == ""){      //判断必选表单是否为空
                    this.allError+=$(this.formClass).find('*').eq(f1).attr("data_type")+this.inputnull;   //打印为空的类型
                    break;
                }else{
                    let formType = $(this.formClass).find('*').eq(f1).prop("name");    //必选但不为空，判断类型
                    if(formType == "tel"){       //判断电话号码
                        if(!$(this.formClass).find('*').eq(f1).val().trim().match(/^1[34578]\d{9}$/)){
                            this.allError+=this.teltype;
                            break;
                        }
                    }else if(formType == "email"){       //判断邮箱
                        if(!/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test($(this.formClass).find('*').eq(f1).val().trim())){
                            this.allError+=this.emailtype;
                            break;
                        }
                    }else if(formType == "radio"){      //判断单选 验证类似 我已阅读 等
                        if(!$(this.formClass).find('*').eq(f1).prop("checked")){   
                            this.allError+=this.radionull;
                            break;
                        }
                    }else if(formType == "code"){       //验证表单内容
                        if($(this.formClass).find('*').eq(f1).val().trim()!=exh_Code){
                            this.allError+=this.code;
                            break;
                        }
                    }
                }
            }
        }  
        this.errorCount();
    },
    errorCount : function () {
        if(this.allError != ""){    //报错
            $(".formError").html("<i class='fail'></i><h6>"+this.allError+"</6>");
        }else{
            $(".formError").html("<i class='success'></i><h6>提交成功!</6>");
        }
        $(".formError").addClass("active");
        setTimeout(function(){
            $(".formError").removeClass("active");
        },this.closeTime);
    }
}

$(".sec_ly_sub").click(function () {        //调用
    let form1 = new FormTest(".sec_message form",".sec_ly_sub");
    if(form1.allError!=""){
        return false;
    }
})

$(".ly_submit").click(function () {        //调用
    let form2 = new FormTest(".ly form",".ly_submit");
    if(form2.allError!=""){
        return false;
    }
})

$(".ind_sub").click(function () {        //调用
    let form3 = new FormTest(".ind_form",".ind_sub");
    if(form3.allError!=""){
        return false;
    }
})

$(".search_sub").click(function () {        //调用
    let form4 = new FormTest(".searchForm",".search_sub");
    if(form4.allError!=""){
        return false;
    }
})

$(".again").click(function(){
    $(".sec_message input").val("");
    $(".sec_message textarea").val("");
})

//移动端导航
if($(".nav-btn").length>0){
    function meun_btn(){
        $(".J_mnavview").slideToggle(300);
        // $(".mobile-nav-box").toggleClass("mobile-nav-box-show");
        $(".nav-btn").toggleClass("nav-btn-open");

    }
    $(".mobile-menu-nav ul li .tit").click(function(){
        $(this).toggleClass("active").parent().siblings().find(".tit").removeClass("active");
        $(this).next(".mobile-second-nav").slideToggle().parent().siblings().find(".mobile-second-nav").slideUp();
    });
};

/*== 搜索弹框 ==*/
$(".m_search_btn").click(function(){
    $(".search_box").slideDown(300);
})
$(".will_close").click(function(){
    $(".search_box").fadeOut(300);
})